<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>不甘社</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../public/css/usual_class.css">
    <link rel="stylesheet" href="../public/css/header_footer.css">
    <link rel="stylesheet" href="css/bgs.css">
</head>

<body>
    <div class="header">
        <div style="position: inherit" class="header">
            <div class="head_content">
                <div class="head_logo">
                    <img src="../public/images/logo_03.png">
                </div>
                <!--导航栏-->
                <nav class="head_navbar">
                    <ul id="main">
                        <li><a href="../home/home.html">首页</a></li>
                        <li>
                            <a>社团</a>
                            <ul class="drop">
                                <div>
                                    <li style="width: 100%;"><a href="../PO/cj.html">程序设计基础协会</a></li>
                                    <li style="width: 100%;"><a href="../ACM/acm.html">ACM协会</a></li>
                                    <li style="width: 100%;"><a href="../UO/bgs.html">不甘社</a></li>
                                    <li style="width: 100%;"><a href="../wkf/wkf.html">微开发</a></li>
                                </div>
                            </ul>
                        </li>
                        <li><a href="../production/production.html">作品</a></li>
                        <li><a href="../news/news_up.html">新闻</a></li>
                        <li style="padding: 10px 0; font-size: 1rem"><a href="../about/about.html">关于我们</a></li>
                        <div id="marker" style=""></div>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <div class="main" style="width: 100%;">
        <img width="100%" style="z-index: -1; position: fixed;" src="images/bgs_head.jpg" alt="" class="resp-img">
        <!---->
        <div class="bgs_title">
            <h1>不甘社</h1>
            <p>一个专注与实践的社团,这个要长一点，不然不好看</p>
        </div>
        <!--网页组-->
        <div class="web group">
            <div class="img-group">
                <div class="img_top">
                    <img width="280px" src="images/html_logo.png" alt="">
                </div>
                <div class="img_center">
                    <div class="img2" style="margin-top: 30px; float: left;">
                        <img width="140px" src="images/java_logo.png" alt="">
                    </div>
                    <div class="img3" style="float: right;margin-top: 30px">
                        <img width="120px" src="images/python_logo.png" alt="">
                    </div>
                </div>
                <div class="" style="width: 280px; margin: auto; ">
                    <div class="title thick">
                        <h1>网游组</h1>
                    </div>
                    <div class="hr">
                        <span style=""></span>
                    </div>
                    <div class="summary">
                        <p> 与小伙伴一起开发网页及服务器。关注前段和后端的新技术，全面涉及计算机网络，数据库等知识 </p>
                    </div>
                </div>
                <div class="img_bottom clear">
                    <div class="img4" style="float: left;width: 40%;">
                        <img width="100%" src="images/nodejs_logo.png" alt="">
                    </div>
                    <div class="img5" style="float: right;width: 30%;">
                        <img width="100%" src="images/php_logo.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!--Android组-->
        <div class="android group clear">
            <!--Android组-->
            <div class="container">
                <div class="half_width clear" style="float: left;">
                    <img style="" width="400px" src="images/bgs_android_logo.jpeg" alt="">
                </div>
                <div class="text half_width">
                    <div class="title">
                        <h1>Android组</h1></div>
                    <div class="hr"></div>
                    <div class="summary">
                        <p>与小伙伴一起开发Android应用。接触Android开发圈子的新技术。了解Android系统的新特性。关注Google新动态</p>
                    </div>
                </div>
            </div>
        </div>
        <!--IOS-->
        <div class="ios group clear">
            <div class="container">
                <div class="text half_width">
                    <div class="title">
                        <h1>IOS组</h1></div>
                    <div class="hr">
                    </div>
                    <div class="summary">
                        <p> 用代码编织你的梦想 用灵感点缀整个世界 iOS成就无限的可能 找到你的基友 一起码出比逼格更逼格的代码 即刻起 改变世界 </p>
                    </div>
                </div>
                <div class="half_width" style="float: left;">
                    <img style="" src="images/ios_logo.png" alt="">
                </div>
            </div>
        </div>
        <div class="game group clear">
            <!--Android组-->
            <div class="container">
                <!--<div style="width: 30%;margin: auto;">-->
                <!--<div style="float: left;">-->
                <!--<img style="float: left;" src="images/cocos2.png">-->
                <!--<img style="float: right;: ;" src="images/cocos2dx.png">-->
                <!--</div>-->
                <!--</div>-->
                <div style="width:75%;margin: auto;">
                    <div class="img2" style="margin-top: 30px; float: left;">
                        <img src="images/cocos2.png" alt="">
                    </div>
                    <div class="img3" style="float: right;margin-top: 30px">
                        <img width="200px" src="images/cocos2dx.png" alt="">
                    </div>
                </div>
                <div class="text">
                    <div class="title ">
                        <h1>游戏组</h1>
                    </div>
                    <div class="hr"></div>
                    <div class="summary">
                        <p>游戏开发入门，讲解如何通过Cocos2d-x或Unity-3D游戏引擎开发游戏</p>
                    </div>
                </div>
                <div class="clear" style="margin: auto;">
                    <img style="padding-top: 10px; width: 300px;" src="images/unity3d.png">
                </div>
            </div>
        </div>
    </div>
    </div>
    <footer class="footer c-text-w ta-c">
        <div class="footer-logo">
            <div class="logo-main">
                <div><img class="w252" src="../public/images/logo_without_text.png"></div>
                <p class="pt16">版权所有：北京理工大学珠海学院计算机科技协会</p>
            </div>
        </div>
        <div class="footer-logo">
            <div class="logo-qr">
                <div><img class="w108" src="../public/images/qq_qt_code.jpg"></div>
                <p class="pt16">2016级程序程基协会qq群</p>
            </div>
        </div>
        <div class="footer-logo">
            <div class="logo-qr">
                <div><img class="w108" src="../public/images/wechat_qt_code.jpg"></div>
                <p class="pt16">计算机科技协会服务号</p>
            </div>
        </div>
    </footer>
</body>

</html>
